<html xmlns="http://www.w3.org/1999/xhtml">  
    <head runat="server">  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
        <title>前端判断文件上传类型</title>  
    </head>  
    <body>  
        <form id="form1" runat="server">  
            <div>  
                <input type="file" name="f" id="f" />  
                <input type="button" name="aa" id="aa" value="测试" onclick="javascript: _f();" />  
            </div>  
        </form> 
        <script type="text/javascript">
            function _f() {
                var f = document.getElementById("f").files;
                //上次修改时间  
                document.write("上次修改时间："+f[0].lastModifiedDate+"<br>");
                //名称  
                document.write("图片名称："+f[0].name+"<br>");
                //大小 字节  
                document.write("图片大小："+f[0].size+" B <br>");
                //类型  
//                alert(f[0].type);
                var old_type = f[0].type;
                var arr = old_type.split("/");
                var type = arr[arr.length - 1];
                document.write("图片类型："+type);
                if (type !== "jpg" && type !== "gif" && type !== "jpeg" && type !== "png") {
                    alert("您上传图片的类型不符合(.jpg|.jpeg|.gif|.png)！");
//                return false;
                }
                ;
            }
        </script>
    </body>  
</html>  



